.clear:after{
    display: block;
    content: '.';
    clear: both;
    line-height: 0;
    visibility: hidden;
}
.float-right {
    float: right;
}

.float-left {
    float: left;
}
.project-link {
   border: 1px solid #74aae0;
}
.project-button {
    border: 1px solid #a28a8a;
    background: #ffffff;
    border-radius: 0.1rem;

}

.pupop-box {
    .pupop-header {
        width: 100%;
        background: #ffffff;
        position: relative;
        line-height: 1rem;
        background: #f5f5f5;
        h4 {
            margin: 0rem;
            font-size: 0.4rem;
            padding-left: 0.5rem;
        }
        .van-icon-cross {
         position: absolute;
         right: 0rem;
         top: 0rem;
         font-size: 0.5rem;
        }
    }
    .pupop-search {
        width: 100%;
        margin-top: 0.2rem;
        background: #f5f5f5;
        input {
            width: 70%;
            height: 0.76rem;
            padding: 0rem;
        }
        .pupop-search-button {
            display: inline-block;
            width: 20%;
            height: 0.8rem;
            line-height: 0.8rem;
            font-size: 0.4rem;
            font-weight: bold;
            margin-right: 7%;
            padding-right: 1%;
            .van-icon-search {
                font-size: 0.5rem;
                float: left;
                margin:0.1rem;
            }
        }
    }
    .popup-content {
        .user-name {
            height: 1rem;
            font-size: 0.2rem;
            line-height: 1rem;
            padding: 0.2rem;
        }
    }
}

.van-notify {
    width: 100%;
    height: 0.8rem;
    line-height: 0.65rem !important;
    // border-top-left-radius: 0.15rem;
    // border-top-right-radius: 0.15rem;
}
.van-row--justify-space-between {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.van-uploader__upload {
    width: 1.6rem;
    height: 1.6rem;
i {
    font-size: 0.5rem;
}
}
.van-uploader__preview-image {
    width: 1.6rem;
    height: 1.6rem;
}

.person-change-status  {
    .van-dropdown-menu__item {
        justify-content: left !important;
        .van-dropdown-menu__title {
            padding: 0rem !important;
            font-size: 0.3rem;
            .van-ellipsis {
                width: 2rem !important;
                text-align: center;
                line-height: 0.6rem !important;
                border-radius: 0.12rem;
                height: 0.6rem !important;
                border: 1px solid #a28a8a !important;
                background: #f5f5f5 !important;
            }
            
        }
        
    }
}

.menu-right {
    .van-dropdown-menu__item {
        justify-content: left !important;
        .van-dropdown-menu__title {
            padding: 0rem !important;
            font-size: 0.3rem;
            .van-ellipsis {
                width: 2rem !important;
                text-align: center;
                line-height: 0.6rem !important;
                border-radius: 0.12rem;
                height: 0.6rem !important;
                border: 1px solid #a28a8a !important;
            }
            
        }
        
    }

}
.van-dropdown-menu__title::after {
    top: 0.08rem !important;
    left: 0.1rem !important;
    border: 0rem !important;
}

[class*=van-hairline]::after {
    border: none !important;
}

.skeleton-style {
    
}
.skeleton-style {
    .skeleton-style1 {
        .van-skeleton {
            .van-skeleton__row {
              height: 4rem;
              width: 100% !important;
              margin: 0.35rem 0rem;
            }
          }
    }
    .skeleton-style2{
        .van-skeleton__row {
            height: 0.6rem;
            width: 100% !important;
            margin: 0.35rem 0rem;
          }
    }
    .skeleton-style3{
        .van-skeleton__row {
            height: 2rem;
            width: 100% !important;
            margin: 0.35rem 0rem;
          }
    }
    
  }

  .skeleton-style-conver {
      padding-top: 1rem;
      .skeleton-style2-conver {
        .van-skeleton__row {
            height: 2rem;
            width: 100% !important;
            margin: 0.35rem 0rem;
          }

      }
  }

  .skeleton-style-person {
      .skeleton-style1-person {
        .van-skeleton__row {
            height: 2.5rem;
            width: 100% !important;
            margin: 0.35rem 0rem;
          }

      }
      .skeleton-style2-person {
        .van-skeleton__row {
            height: 2rem;
            width: 100% !important;
            margin: 0.35rem 0rem;
          }

      }
  }
